<!--
 * @Descripttion: 
 * @version: 
 * @Author: ybac
 * @Date: 2022-06-20 11:13:15
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2023-09-25 18:09:52
-->
<template>
  <div class="logo" style="display: flex;justify-content: center;font-size: 20px;">
    <router-link :to="routerLinkTo">
      <!-- <img style="height: 24px" src="~@/assets/logo3.png" alt="logo" /> -->
      <span style="font-weight: bold;">生产云</span>
    </router-link>
  </div>
</template>

<script>
import { mixin } from '@/utils/mixin.js'

export default {
  name: 'Logo',
  mixins: [mixin],
  props: {
    title: {
      type: String,
      default: '生产云',
      required: false,
    },
    showTitle: {
      type: Boolean,
      default: true,
      required: false,
    },
    // 点击Logo跳转地址
    routerLinkTo: {
      type: Object,
      default: () => ({ name: 'dashboard' }),
    },
  },
}
</script>
<style lang="less" scoped>
/*缩小首页布 局顶部的高度*/
@height: 54px;

.sider {
  box-shadow: none !important;
  .logo {
    height: @height !important;
    line-height: @height !important;
    box-shadow: none !important;
    transition: background 300ms;

    a {
      color: white;
      &:hover {
        color: rgba(255, 255, 255, 0.8);
      }
    }
  }

  &.light .logo {
    background-color: @primary-color;
  }
}
</style>
